<template>
  <div>
    <div class="lb">
      <van-skeleton avatar-size="300px" avatar-shape="square" title avatar :row="0" />
    </div>
    <div class="one">
      <van-skeleton class="head" avatar-size="55px" avatar-shape="square" title avatar :row="0" />
      <van-skeleton class="head1" avatar-size="55px" avatar-shape="square" title avatar :row="0" />
    </div>
    <div class="two">
      <van-skeleton avatar-size="55px" avatar-shape="square" title avatar :row="0" />
      <van-skeleton avatar-size="55px" avatar-shape="square" title avatar :row="0" />
      <van-skeleton avatar-size="55px" avatar-shape="square" title avatar :row="0" />
    </div>
  </div>
</template>

<script setup lang="ts">

</script>

<style lang="scss" scoped>
.lb {
  margin-top: 80px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
}

.one {
  display: flex;
  justify-content: space-around;
  // margin-top: 310px;
}

.two {
  margin-top: 50px;
  display: flex;
  justify-content: space-around;
}


// .head {
//   margin-top: 310px;
//   margin-left: 30px;

.head1 {
  margin-left: 40px;
}

// }
</style>